<template>
    <div class="toast" v-show="isShow">
        <div>{{message}}</div>
        <img src="../../../assets/img/cart/money.jpg" alt="二维码" v-show="imgShow">
    </div>

</template>

<script>
    export default {
        name: "toast",
        props:{
            message:{
                type:String
            },
            isShow:{
                type: Boolean,
                default(){
                    return false
                }
            },
            imgShow:{
                type:Boolean,
                default(){
                    return false
                }
            }


        },
        // data() {
        //     return {
        //         message: '',
        //         isShow: false,
        //     }
        // },
        // methods: {
        //     show(message, times) {
        //         this.message = message
        //         this.isShow = true
        //
        //         setTimeout(() => {
        //             this.isShow = false
        //             this.message =''
        //         }, times)
        //     }
        // }
    }
</script>

<style scoped>
    .toast {
        position: fixed;
        top: 50%;
        left: 50%;
        color: lightgreen;
        padding: 8px 10px;
        background-color: rgba(0, 0, 0, .5);
        transform: translate(-50%, -50%);
        z-index: 999;

    }
    img{
        width: 200px;
        height: 200px;
    }
</style>